$(function(){
//	购物车特效+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
// 购物车移入
	$('#menu .center .right .car').mouseenter(function(){
		$('#menu .center .right .car .hiden').stop().animate({'height':'100px'},300).css({'display':'block'})
		
	});
//	购物车移出
$('#menu .center .right .car').mouseleave(function(){
		$('#menu .center .right .car .hiden').stop().animate({'height':'0px'},300,function(){
			$('#menu .center .right .car .hiden').css({'display':'none'})
		})
		
});
//	购物车特效结束
//轮播图特效++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//	创建轮播图大总管
       var c=0;
//          创建轮播图定时器
              var time=setInterval(arr,5000);
//              创建回调函数
                function arr(){
                	c++;
                	c=c==6?0:c; 	
           	$('#carou .picc').eq(c).stop().fadeIn(500).siblings('a').fadeOut(500);       	
        	$('#carou>ul li').eq(c).stop().css({'background':'#E4DBD0','border': '2px #89837D solid'}).siblings('li').css({'background':'#7E756A','border':'2px #A59F97 solid'})
                }
//          轮播图定时器结束
//          点击左边按钮
        $('#carou .xiaoyuhao').click(function(){
        	
        	c--;
//      	如果图片等于6,则回到第一张
        	c=c==-1?5:c;
//      	显示下一张,并且隐藏兄弟元素
        	$('#carou .picc').eq(c).stop().fadeIn(500).siblings('a').fadeOut(500);
        	
        	$('#carou>ul li').eq(c).stop().css({'background':'#E4DBD0','border': '2px #89837D solid'}).siblings('li').css({'background':'#7E756A','border':'2px #A59F97 solid'})      	
        })
//      左边按钮结束
//      右边按钮
$('#carou .dayuhao').click(function(){	        
        	c++;
//      	如果图片等于6,则回到第一张
        	c=c==6?0:c;
//      	显示下一张,并且隐藏兄弟元素
        	$('#carou .picc').eq(c).stop().fadeIn(500).siblings('a').fadeOut(500);      	
        	$('#carou>ul li').eq(c).stop().css({'background':'#E4DBD0','border': '2px #89837D solid'}).siblings('li').css({'background':'#7E756A','border':'2px #A59F97 solid'})      	
        })
//右边按钮结束
// 创建 小圆点事件
        $('#carou>ul li').click(function(){	
//      	重新连接大总管
        	c=$(this).index();
//      	显示下一张,并且隐藏兄弟元素
        	$('#carou .picc').eq(c).stop().fadeIn(500).siblings('a').fadeOut(500);       	
        	$('#carou>ul li').eq(c).stop().css({'background':'#E4DBD0','border': '2px #89837D solid'}).siblings('li').css({'background':'#7E756A','border':'2px #A59F97 solid'})  
        })
//      移出小圆点时重启定时器
        $('#carou>ul li').mouseleave(function(){
        	time=setInterval(arr,3000)      	
        })
//       移入小圆点时停止定时器
        $('#carou>ul li').mouseenter(function(){      	
        	clearInterval(time)       	
        }
        )
//      创建小米明星单品特效++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//右边大于号特效
//创建大总管b
  var b=0            
$('#star>p .i3 .i1 a').click(function(){
//	    移动到b*-1260位置
//  如果已经是第一张就停止
        if(b==1){return};
//      如果不是,点一下加1
        b++;
	$('#star .zongstar').stop().animate({'left':b*-1226+'px'},500);
//	 点击大于号变色
         sb=setTimeout(function(){
	$('#star>p .i3 .i1 a').stop().css({'color':'#E0E0E0'});
         	
         },50)

       		$('#star>p .i3 .i2 a').stop().css({'color':'#B0B0B0'})
       		$('#star>p .i4').stop().css({'right':'-2px'})
})

//      右边
        //         移动停止定时器
        $('#star>p .i3 .i2 a').mouseenter(function(){
         clearInterval(timestar)	
          $('#star>p .i3 .i2 a').stop().css({'color':'#FF6709'})
        })
//      移除开启定时器
        $('#star>p .i3 .i2 a').mouseleave(function(){
        timestar=setInterval(abb,5000)	
        $('#star>p .i3 .i2 a').stop().css({'color':'#B0B0B0'})
        })
//      右边大于号特效结束
//左边小于号特效
$('#star>p .i3 .i2 a').click(function(){
//	      如果已经时最后一张就停止
           if(b==0){
           	return;
           }
//         如果不是,点一下就减一
           b--;
    $('#star .zongstar').stop().animate({'left':b*-1226+'px'},500);
//  点击箭头变色
              mm=setTimeout(function(){
              	$('#star>p .i3 .i2 a').stop().css({'color':'#E0E0E0'});
              },50)
    
       		$('#star>p .i3 .i1 a').stop().css({'color':'#B0B0B0'})
       		$('#star>p .i4').stop().css({'right':'33px'})
})
            
//         左边移入停止定时器
        $('#star>p .i3 .i1 a').mouseenter(function(){
         clearInterval(timestar)         
         	$('#star>p .i3 .i1 a').stop().css({'color':'#FF6709'})

        })
//      移除开启定时器
        $('#star>p .i3 .i1 a').mouseleave(function(){
        timestar=setInterval(abb,5000)
        $('#star>p .i3 .i1 a').stop().css({'color':'#B0B0B0'})
        })
//      左边小于号特效结束
//明星轮播图定时器
    var timestar=setInterval(abb,5000);
//   回调明星轮播图函数
       function abb(){     	
       	if(b==0){
       		b++;
       		$('#star .zongstar').stop().animate({'left':b*-1226+'px'},500); 
       		$('#star>p .i3 .i1 a').stop().css({'color':'#E0E0E0'});
       		$('#star>p .i3 .i2 a').stop().css({'color':'#B0B0B0'})
       		$('#star>p .i4').stop().css({'right':'-2px'})
       	}else if(b==1){
       		b--;
       		$('#star .zongstar').stop().animate({'left':b*-1226+'px'},500);
       		$('#star>p .i3 .i2 a').stop().css({'color':'#E0E0E0'});
       		$('#star>p .i3 .i1 a').stop().css({'color':'#B0B0B0'});
       		$('#star>p .i4').stop().css({'right':'33px'})
       	}
        }      
//      明星轮播定时器结束

//    
//      块状移入停止定时器
      $('#star>p .i4').mouseenter(function(){
      	clearInterval(timestar)
      })
//    块状移出停止定时器
      $('#star>p .i4').mouseleave(function(){
        timestar=setInterval(abb,5000)	
      	
      })
//    按钮特效结束
         
//小米明星单品特效结束
//      家电特效开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


//家电选项卡特效开始
//选项卡移入事件
//   创建大总管y
var y=0;
$('#bottom .title a').mouseenter(function(){
//	获取选项卡的序列号
	y=$(this).index();
	$('#bottom .housezong .house').eq(3-y).show().siblings('div').hide();
	$('#bottom .title a').eq(y).css({'color':'#FF6700'}).siblings('a').css({'color':'black'});
   $('#bottom .title a').eq(y).find('span').stop().fadeIn(200);
   $('#bottom .title a').eq(y).siblings('a').find('span').stop().fadeOut(200);
	
//
	
})
//家电选项卡特效结束
// 家电特效结束+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//      智能特效开始+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//  创建选项卡移入事件
//    创建大总管
    var w=0;
//  获取选项卡的序列号
     $('#bottom .intell_title a').mouseenter(function(){
     	w=$(this).index();
//   	给选项卡变颜色w
	$('#bottom .intell_title a').eq(w).css({'color':'#FF6700'}).siblings('a').css({'color':'black'});
//  下框变色
  $('#bottom .intell_title a').eq(w).find('span').stop().fadeIn(200);
   $('#bottom .intell_title a').eq(w).siblings('a').find('span').stop().fadeOut(200);
//   	点击相应的选项卡切换
     	$('#bottom .zongintell .intell').eq(4-w).show().siblings('div').hide();
     	 
    
     })

        
//  智能特效结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//搭配特效开始+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//  创建选项卡移入事件
//    创建大总管
    var s=0;
//  获取搭配选项卡的序列号
     $('#bottom .collo_title a').mouseenter(function(){
     	s=$(this).index();
//   	给选项卡变背景色
	$('#bottom .collo_title a').eq(s).css({'color':'#FF6700'}).siblings('a').css({'color':'black'});
//  下框变色
  $('#bottom .collo_title a').eq(s).find('span').stop().fadeIn(200);
   $('#bottom .collo_title a').eq(s).siblings('a').find('span').stop().fadeOut(200);
//   	点击相应的选项卡切换
     	$('#bottom .zongcollo .collo').eq(3-s).show().siblings('div').hide();
    
     })
//   创建搭配移动事件    


//搭配特效结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//配件特效开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//  创建选项卡移入事件
//    创建大总管
    var p=0;
//  获取搭配选项卡的序列号
     $('#bottom .parts_title a').mouseenter(function(){
     	p=$(this).index();
 //   	给选项卡变背景色
	$('#bottom .parts_title a').eq(p).css({'color':'#FF6700'}).siblings('a').css({'color':'black'});
//  下框变色
  $('#bottom .parts_title a').eq(p).find('span').stop().fadeIn(200);
   $('#bottom .parts_title a').eq(p).siblings('a').find('span').stop().fadeOut(200);
//   	点击相应的选项卡切换
     	$('#bottom .zongparts .parts').eq(3-p).show().siblings('div').hide();    
     })
//   创建配件移动事件    




//配件特效结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//周边特效开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//  创建选项卡移入事件
//    创建大总管
    var g=0;
//  获取周边选项卡的序列号
     $('#bottom .peri_title a').mouseenter(function(){
     	g=$(this).index();
//   	给选项卡变背景色
     	$('#bottom .peri_title a').eq(g).css({'color':'#FF6700'}).siblings('a').css({'color':'black'});
//  下框变色
  $('#bottom .peri_title a').eq(g).find('span').stop().fadeIn(200);
   $('#bottom .peri_title a').eq(g).siblings('a').find('span').stop().fadeOut(200);
//   	点击相应的选项卡切换
     	$('#bottom .zongperi .peri').eq(4-g).show().siblings('div').hide();    
     })
//   创建周边移动事件    







//周边特效结束+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//    为你推荐特效
//为大于号添加单击事件
//创建大总管
var u=0;
$('#bottom .reco_title .i1 a').click(function(){
//   如果已经是最后一张,就停止,否则继大总管续增加向右      
      
        $('#bottom .reco_title .i2 a').css({'color':'#B0B0B0','cursor':'pointer'})
        if(u==2){
       	$('#bottom .reco_title .i1 a').css({'color':'#E0E0E0','cursor':'default'})
       }
       if(u==3){     
       	return }
      
       u++;
       
       $('#reco').stop().animate({'left':u*-1226+'px'},500)	
})
//        为小于号添加单击事件     
   $('#bottom .reco_title .i2 a').click(function(){
//   如果已经是第一张,就停止,否则继大总管续减少向左
        $('#bottom .reco_title .i1 a').css({'color':'#B0B0B0','cursor':'pointer'})        
       if(u==1){$('#bottom .reco_title .i2 a').css({'color':'#E0E0E0','cursor':'default'})}
       if(u==0){
       	return;}
       u--;      
       $('#reco').stop().animate({'left':u*-1226+'px'},500)   
})
// 鼠标移入大于号时,如果到了最后一张,就不变色,否则变红色
   $('#bottom .reco_title .i1 a').mouseenter(function(){
   	if(u<3){
   		$('#bottom .reco_title .i1 a').css({'color':'#FF6709'})
   	}	
   })
// 移出小于号时变回底色
   $('#bottom .reco_title .i1 a').mouseleave(function(){
    if(u<3){
     $('#bottom .reco_title .i1 a').css({'color':'#B0B0B0'})
   	}
   })
// 鼠标移入小于号时,如果到了最后一张,就不变色,否则变红色
    $('#bottom .reco_title .i2 a').mouseenter(function(){
   	if(u>0){
   		$('#bottom .reco_title .i2 a').css({'color':'#FF6709'})
   	}	
   })
// 鼠标移出小于号时,变回原色
   $('#bottom .reco_title .i2 a').mouseleave(function(){
    if(u>0){
     $('#bottom .reco_title .i2 a').css({'color':'#B0B0B0'})
   	}
   })
   

//    增加鼠标移入浮起效果
      $(".reco div").mouseenter(function(){
	$(this).stop().animate({'top':'-2'},200)

})
//    增加鼠标移出效果
$(".reco div").mouseleave(function(){
	$(this).stop().animate({'top':'0'},200)
})
//      为你推荐结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//热评产品开始+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//增加鼠标移入浮动效果
//$(".hot div").mouseenter(function(){
//	$(this).stop().animate({'top':'-2px'},200)
//})
////增加鼠标移出效果
//$(".hot div").mouseleave(function(){
//	$(this).stop().animate({'top':'0px'},200)
//})

//热评产品结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//内容产品开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//鼠标移入框架事件
$("#bottom .neirong>div").mouseenter(function(){
//	$(this).stop().animate({'top':'-2px'},200);
	$(this).find('.i1 a').stop().fadeIn(300);
	$(this).find('.i2 a').stop().fadeIn(300);
	
})
//鼠标移出框架事件
$("#bottom .neirong>div").mouseleave(function(){
	$(this).find('.i1 a').stop().fadeOut(300);	
	$(this).find('.i2 a').stop().fadeOut(300);
//	$(this).stop().animate({'top':'0px'},200)
})
//复用开始
//遍历每一个lunbo图,给他们加私有变量
	
	$("#bottom .neirong .neirong1").each(function(){
//		 增加原生形式 ,加var是私有化的意思,别的函数使用不到
			var jsthis=$(this)[0];
//			 增加jq形式,加var是私有化的意思,别的函数使用不到
			var jqthis=$(this);
		//	    私有化大总管c
		     jsthis.i=0;
//		     用jq模式获取li的长度
		     var y=jqthis.find("ul").find("li").length; 
//		     鼠标点击左右键事件开始
		//    当鼠标点击右侧切换按钮时
			jqthis.find('.i1').find('a').click(function(){
//				点击大于号时,如果原生大总管等于长度,则停止移动
              
				if(jsthis.i==y-1) {
					return;
				}
//				否则每点击一下,总管加1
			jsthis.i++;
			var ev=jsthis.i * -298;
			jqthis.find(".lunbo").animate({'left':ev+'px'},200);
			jqthis.find('ul').find('li').eq(jsthis.i).css({'background':'white','border': '2px #FF6700 solid'}).siblings("li").css({'background':'#B0B0B0','border': '2px white solid'})
			
		})
		      		//    当鼠标点击左侧切换按钮时
		jqthis.find(".i2").find('a').click(function(){
//			   点击小于号时,如果原生大总管等于0,就停止移动
			if (jsthis.i==0) {
				return;
			}
//			否则每点击一下,总管减1
		jsthis.i--;
		var ev=jsthis.i * -298;
		jqthis.find(".lunbo").animate({'left':ev+'px'},200);
		jqthis.find('ul').find('li').eq(jsthis.i).css({'background':'white','border': '2px #FF6700 solid'}).siblings("li").css({'background':'#B0B0B0','border': '2px white solid'})
		})      
//		鼠标点击左右键事件结束
//    点击小圆点事件
     jqthis.find("ul").find("li").click(function(){
//   	获得这个li值,用一个私用变量储存
     	var btn=$(this).index();    	
       var 	 tt=btn*-298;
       jsthis.i=btn;
     	jqthis.find(".lunbo").animate({'left':tt+'px'},200);
//   	这个的背景变色,兄弟变色
     	jqthis.find("ul").find("li").eq(btn).css({'background':'white','border': '2px #FF6700 solid'}).siblings("li").css({'background':'#B0B0B0','border': '2px white solid'})
	
     })
      
//    点击小圆点事件结束
})	
//     遍历结束 


//内容页浮动效果结束
//页面移入出现方向键


//弹出效果结束
//第四页结束
//内容特效结束++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//第一个二级菜单特效开始++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//移入弹出二级菜单
$('#search .font1').mouseenter(function(){
//	列表高度增加
	$('#search .font1 .hiden').stop().animate({'height':'230px'},300).css({'display':'block'})		
})
//移出收回二级菜单
$('#search .font1').mouseleave(function(){
//	列表高度减少为0
$('#search .font1 .hiden').stop().animate({'height':'0px'},300,function(){
	$('#search .font1 .hiden').css({'display':'none'})
	
})

})
//鼠标移入标签效果
$('#search .font1>a').mouseenter(function(){
	var c=$(this).index();
//	隐藏列表显示,兄弟列表隐藏
	$('#search .font1 .hiden').eq(c).show().siblings('div').hide()
//	指定标签变红,兄弟颜色默认
	$('#search .font1>a').eq(c).css({'color':'#FF6B00'}).siblings('a').css({'color':'#333333'})		
})
//鼠标移出标签效果
$('#search .font1>a').mouseleave(function(){
	var c=$(this).index();
//	颜色全部变为默认
	$('#search .font1>a').eq(c).css({'color':'#333333'})
	
	
})

//第一个二级菜单特效结束+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//视频特效开始
//$(".mpg .mpg_").mouseenter(function(){
//	$(this).stop().animate({'top':'-2px'},200)
//})
//$(".mpg .mpg_").mouseleave(function(){
//	$(this).stop().animate({'top':'0px'},200)
//})

//当点击某个视屏时,会弹出半透明框
$(".mpg .mpg_ .play").click(function(){
	$(this).siblings('.hiden').fadeIn(500)

	$(this).siblings('.hiden').children('div').animate({'margin': '0 auto'},500)

})

//点击小X关闭弹窗
$('.mpg .mpg_ ').find('.hiden').children('div').find('a').click(function(){
	$(this).parents('.hiden').fadeOut(500);
	$(this).parents('.hiden').children('div').animate({'margin': '-1000px auto'},500)

	
})
//视频特效结束+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
        
        
        
        
        
        
        
        
        
})